<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.css" />
</head>

<body>
    <div id='jiexi_box'>
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">套题解析</h1>
            <!--<span class="exer_icons">
                <em id="collectImg" @click="add_collection">
                    <img class="icon_sc_normal" v-if="collection_status == 0" src="../../../images/icon_sc_black.png" />
                    <img class="icon_sc_normal" v-if="collection_status == 1" src="../../../images/icon_sc_orange2.png" />
                </em>
                <em id="stjcImg" @click="open_jc"><img src="../../../images/icon_stjc.png" /></em>
            </span>-->
            <a @tap="open_jc" class="mui-icon mui-icon-feedback mui-pull-right ml15"></a>
			<a @tap="add_collection" v-show="collection_status == 0" class="mui-icon mui-icon-collect mui-pull-right"></a>
			<a @tap="add_collection" v-show="collection_status == 1" class="mui-icon mui-icon-collected mui-pull-right orange"></a>
        </header>
        <div class="mui-content">
            <div class="exercise_tt">
                <span v-if="type == 1">单选题</span>
                <span v-else-if="type == 2">多选题</span>
                <span v-else-if="type == 3">判断题</span>
                <span v-else-if="type == 30">简答题</span>
                <span v-else-if="type == 50">材料题</span>
                <span class="exer_num"><em class="red">{{q_index + 1}}</em>/{{orther_data.count_num}}</span>
            </div>
            <transition name="questionfade">
                <div class="exercise_nr" v-for="(val,ind) in question_lists" v-if="q_index == ind  && val.type == 1">
                    <h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
                    <ul class="anwser_item">
                        <li v-for="op in val.option_lists" :class="op.user_answer == 1 ? 'active' : ''" class="dan_option"
                            :qid="val.id" :option-id="op.id"><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
                    </ul>
                </div>

                <div class="exercise_nr" v-for="(val,ind) in question_lists" v-if="q_index == ind  && val.type == 2">
                    <h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
                    <ul class="anwser_item_more">
                        <li class="aimLi" v-for="op in val.option_lists" :class="op.user_answer == 1 ? 'active' : ''"
                            :qid="val.id" :option-id="op.id"><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
                    </ul>
                </div>

                <div class="exercise_nr" v-for="(val,ind) in question_lists" v-if="q_index == ind && val.type == 3">
                    <h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
                    <ul class="anwser_item">
                        <li :qid="val.id" class="dj_zq" :class="val.user_answer == 1 ? 'active' : ''"><span>T</span>正确</li>
                        <li :qid="val.id" class="dj_cw" :class="val.user_answer == 0 ? 'active' : ''"><span>F</span>错误</li>
                    </ul>
                </div>

                <!--简答题显示-->
                <div class="exercise_nr" v-for="(val,ind) in question_lists" v-if="val.type == 30 && q_index == ind">
                    <h3 class="question">{{val.question_title}}</h3>
                    <div class="fengeLine mb0"></div>
                    <div class="myAnswer_tt">
                        <h4>我的答案</h4>
                        <!--<a class="answer_modify"><em><img src="../../../images/icon_xg_red.png"/></em>修改</a>-->
                    </div>
                    <div class="myAnswer_nr">
                        {{val.user_answer}}
                    </div>
                    <div class="fengeLine mb0"></div>
                    <div class="resolve_answer">
                        <h4>解析</h4>
                        <div class="myAnswer_nr">{{val.parsing ? val.parsing : '--该题目暂时还没有解析喔--'}}</div>
                    </div>
                    <div class="fengeLine mb0"></div>
                    <div class="resolve_answer">
                        <h4 class="fs15">参考答案</h4>
                        <div class="myAnswer_nr" v-html="val.answer ? val.answer : '--该题目暂时没有参考答案--'"></div>
                    </div>
                </div>

                <!--材料题显示-->
                <div class="exercise_nr" v-for="(val,index) in question_lists" v-if="val.type == 50 && q_index == index">
                    <div class="mui-slider bdline">
                        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                            <a class="mui-control-item" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
                                :cINdex='cl.cailiao_index' tabCat="cailiao" @tap="select_cailiaoTab($event)" v-for="(cl,cindex) in val.cl_li">{{cl.section_name}}<em></em></a>
                            <a class="mui-control-item" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
                                :qINdex="ql.question_index" tabCat="wenti" @tap="select_cailiaoTab($event)" :qid="ql.id"
                                v-for="(ql,qindex) in val.question_li">问题{{qindex+1}}<em></em></a>
                        </div>
                    </div>
                    <div class="mui-slider-group">
                        <div class="mui-slider-item mui-control-content" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
                            v-for="(cl,cindex) in val.cl_li">
                            <div class="material" v-html="cl.section_content"></div>
                        </div>
                        <div class="mui-slider-item mui-control-content" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
                            v-for="(ql,qindex) in val.question_li">
                            <div class="material p0">
                                <div class="question" v-html="ql.question"></div>
                                <div class="fengeLine mb0"></div>
                                <div class="myAnswer">
                                    <div class="myAnswer_tt">
                                        <h4>我的答案</h4>
                                    </div>
                                    <div class="myAnswer_nr">{{ql.user_answer}}</div>
                                    <div class="fengeLine mb0"></div>
                                    <div class="resolve_answer">
                                        <div>
                                            <h4>参考答案</h4>
                                            <div class="p015" v-html="ql.answer"></div>
                                        </div>
                                        <div class="fengeLine mb0"></div>
                                        <div class="myAnswer_nr">
                                            <p><b>解析</b></p>
                                            <p v-html="ql.parsing"></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </transition>
        </div>



        <transition name="questionfade">
            <div class="resolution_box" v-for="(val,ind) in question_lists" v-if="q_index == ind && (val.type == 1 || val.type == 2 || val.type == 3)">
                <div class="fengeLine m0"></div>
                <div class="resolution">
                    <h5 class="answerKey" v-if="val.type == 1"><b>正确答案</b> {{val.true_answer}}</h5>
                    <h5 class="answerKey" v-if="val.type == 2"><b>正确答案</b> {{val.true_answer}}</h5>
                    <h5 class="answerKey" v-if="val.type == 3"><b>正确答案</b> {{val.true_answer == 1 ? '正确' : '错误'}}</h5>
                    <div class="fengeLine m0"></div>
                    <p class="p15"><b>解析</b><br />{{val.parsing ? val.parsing : '--该题目暂无解析--'}}</p>
                </div>
            </div>
        </transition>
    </div>

    <script src="../../../js/mui.min.js"></script>
    <script type="text/javascript" src="../../../js/h.min.js"></script>
    <script src="../../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../../js/tpl/oneTestPaperAnalysis.js"></script>
    <script src="../../../js/vue.js"></script>
    <script src="../../../js/public.js"></script>
</body>

</html>